page {
  background-color: #FCF9FC;

  .gradution-container {
    padding: 42rpx 23rpx;

    .desc {
      color: #9E9E9E;
      padding: 0 20rpx 20rpx;
      font-size: 24rpx;
    }

    .table-box {
      width: 702rpx;
      height: auto;
      margin: 0rpx auto;
      background: rgba(255, 255, 255, 1);
      border: 1rpx solid rgba(238, 238, 238, 1);
      box-shadow: 0px 2rpx 16rpx 0rpx rgba(122, 122, 122, 0.29);
      border-radius: 8rpx;

      .table-cell {
        width: 664rpx;
        height: auto;
        margin: 0rpx auto 50rpx auto;
        border: 1rpx solid rgba(140, 172, 187, 1);
        border-radius: 4rpx;
      }

      .title {
        font-size: 28rpx;
        color: #FF0000;
        padding: 32rpx 20rpx 37rpx 20rpx;
      }

      .table-flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center;

        .table-left {
          text-align: right;
          width: 40%;
          border: 1rpx solid rgba(140, 172, 187, 1);
          border-left: none;
          border-bottom: none;
          border-top: none;
          box-sizing: border-box;
          background: rgba(242, 242, 242, 1);
        }

        .table-left view {
          border-bottom: 1rpx solid #8cacbb;
          padding: 10rpx 24rpx 10rpx 0rpx;
          font-size: 26rpx;
          color: #222222;
          height: 60rpx;
          line-height: 60rpx;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;

        }

        .table-left view:nth-child(1) {
          border-top: 1rpx solid rgba(140, 172, 187, 1);
          padding: 20rpx 24rpx 20rpx 0rpx;
          height: 80rpx;
          line-height: 80rpx;
        }

        .table-right>view:nth-child(1) {
          padding: 20rpx 20rpx 20rpx 24rpx;
          height: 80rpx;
          line-height: 80rpx;
        }


        .table-right {
          text-align: left;
          width: 70%;
          border: 1rpx solid rgba(140, 172, 187, 1);
          border-left: none;
          border-top: none;
          border-bottom: none;
          border-right: none;
        }

        .user-photo {
          width: 80rpx;
          height: 80rpx;
          vertical-align: middle;
        }

        .table-right>view {
          border-bottom: 1rpx solid rgba(140, 172, 187, 1);
          padding: 10rpx 10rpx 10rpx 24rpx;
          font-size: 26rpx;
          color: #222222;
          height: 60rpx;
          line-height: 60rpx;
        }

        .table-right>view:nth-last-child(1) {
          border-bottom: none;

        }


      }
    }

    .gradution-fixed {
      bottom: 0rpx;
      width: 702rpx;
      background: #fff;
    }

    .gradu-btn-m {
      text-align: center;
      height: 100rpx;
      line-height: 100rpx;
      box-shadow: 0rpx 2rpx 10rpx 0rpx rgba(33, 114, 237, 0.15);
      border-radius: 8rpx;
      font-size: 36rpx;
    }

    .confirmbtn {
      background: #2172ed;
      color: #FFFFFF;
    }

    .editbtn {
      background: #fafafa;
      color: #666666;
      margin-top: 32rpx;

    }

  }
}